<!-- SCRIPTS -->
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-places.js"></script>

<!-- BODY -->
<h1>One-Box Search</h1>
<p><div>This example searches for a <i>"hotel"</i> in the <b>Chinatown</b> district of <b>San Francisco</b><i>(37.7942</i><i>°N,</i><i>-122.4070</i><i>°W</i><i>)</i> using the <code>search</code> Places API entrypoint. The Search Entrypoint returns POIs and addresses matching the user's query, taking into account the user's location context. For more information on possible parameters and options regarding this entrypoint visit <a target="_blank" rel="nofollow" href="http://developer.here.com/rest-apis/documentation/places/topics_api/resource-search.html">Search Entrypoint Places API documentation</a>.</div></p>
<hr/>
<div id="map" style="width: 600px; height: 300px; background: grey;" ></div>
<hr/>
<div id="panel" style="width: 600px; "></div>
